<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es_ES" lang="es_ES" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	
		<title>Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</title>
	
		<meta name="author" content="Runroom http://www.runroom.com" />
		<meta name="language" content="es_ES" />
		<meta http-equiv="content-style-type" content="text/css" />
		<meta http-equiv="content-script-type" content="text/javascript" />
		<meta name="robots" content="index,follow" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />

		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

		<!-- hojas de estilo //-->
<!-- 
		<link media="all" rel="stylesheet" href="css/pre-v3.css">
 -->
		<link media="all" rel="stylesheet" href="css/styles.css" />
		<link media="all" rel="stylesheet" href="css/custom.css" />
		<link media="all" rel="stylesheet" href="css/qp-v3.css" />

		<!-- conditional comment: CSS para Explorer 7 y menor //-->
			<!--[if lte IE 7]>
				<link rel="stylesheet" href="css/ie7menos.css" />
			<![endif]-->
	
		<!-- incluir scripts //-->
		<script type="text/javascript" src="js/jquery.tools.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/jquery.periodicalupdater.js"></script>
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=ABQIAAAAzClpJywkGASi3cdCCxdvnBRyVQWqmkHGDTi57WK1YtyDytrQIhQNeQ5HGi7cnaGyd90vRPydCOgxrA&amp;sensor=false&amp;language=es_ES&amp;v=3.1&amp;region=ES"></script>
		<script type="text/javascript" src="js/json2.js"></script>
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/jquery.flip.min.js"></script>
		<script type="text/javascript" src="js/jquery.countdown.js"></script>
		<script type="text/javascript" src="js/jquery.countdown-es_ES.js"></script>
		<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
		<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
		<script type="text/javascript" src="js/localscroll.js"></script>
		<script type="text/javascript" src="js/jquery.curvycorners.min.js"></script>
		<script type="text/javascript" src="js/qp_tabs.js"></script>
		<script type="text/javascript" src="js/locationSelector.js"></script>
		<!-- end incluir scripts //-->



	<script type="text/javascript">
	//<![CDATA[

//	abrir/cerrar campos regalar
		function CheckRegala() {
			$('.error').hide();
			$('#LazoGr').slideToggle();
			$('#LazoPq').slideToggle();
			if($('#CamposRegalar').is(':hidden')){
				$('#CamposRegalar input').attr('required','required');
				}else{
				$('#CamposRegalar input').attr('required','');
				}
			$('#CamposRegalar').slideToggle();	
			}

	$(document).ready(function () {
//	mostrar y esconder enlace volver arriba
		$('#gototop').fadeOut("fast");
		$('#gototop').css({'position' : 'fixed', 'left' : '0', 'right' : '0', 'bottom' : '0'});
		$(window).scroll(function () {
			if ($(window).scrollTop() >= 500) {
				$('#gototop').fadeIn("slow");
			} else {
				$('#gototop').fadeOut("slow");
			}
		});

//	inicializar campos regalar
		$('#CamposRegalar').slideToggle();
		$('#LazoGr').slideToggle();

	});
	
	//]]>
</script>



	</head>
	
	<body>
		<a name="top"></a>
		<div id="fb-root"></div>
	
		<noscript>
			<div id="aviso_js">
				<p>Lo sentimos, pero esta web sólo funciona con Javascript activado.</p>
			</div>
		</noscript>

		<!-- conditional comment: aviso para Explorer 6 y menor //-->
			<!--[if lte IE 6]>
				<div id="aviso_ie">
					<p><strong>Hemos detectado que utilizas Internet Explorer 6</strong>, un navegador obsoleto, con problemas de seguridad y compatibilidad conocidos.</p>
					<p>Recomendamos que actualices tu navegador <a href="http://www.browserchoice.eu">en la web de browserchoice.org, haciendo clic aquí</a></p>
				</div>
			<![endif]-->

		<div class="header">
			<div class="session-links">
				<a title="Accede a tu cuenta Qporama" href="registro">Inicia sessión</a>
				<a title="Crea una cuenta Qporama" href="registro">Regístrate</a>
			</div> <!-- / .social-links -->	
			
			<div class="social-links">
				<a title="Visita la página Facebook de Qporama" class="facebook" href="facebook"><span>facebook</span></a>
				<a title="Visita la página Twitter de Qporama" class="twitter" href="twitter"><span>twitter</span></a>
			</div> <!-- / .social-links -->	
	
	
			<h2 class="logo_claim">
				<a class="logo" name="top" title="volver a la página de inicio" href="index.html">
					<span class="hidden">Qporama: Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</span>
				</a>
			</h2>
			<h1 class="claim">
				Conecta con tus <strong>marcas</strong> favoritas y <br />accede a <strong>regalos</strong> y ofertas <strong>exclusivas</strong>
			</h1>
		</div> <!-- / .header -->
	
		<div class="fondo-pagina" style="background: url(css/css_images/fondo-home-beige.jpg);">
			<div class="gradient">&nbsp;</div>
		</div>

		<div class="user">
			<div class="profile">
				<p>¿Ya estás registrado?<br /><a href="#">Inicia Sesión</a></p>
			</div> <!-- cerrar profile //-->
			<div class="mensajes">
				<h2 class="titulo-principal">Crea tu cuenta usando tu e-mail</h2>
				<p class="soft">Rellena todos los campos, por favor.</p>
			</div> <!-- cerrar mensajes //-->
		</div> <!-- cerrar user //-->


		<div class="buscar">
			<form action="#" method="get">
				<p class="fondo-input-buscar l"><input type="text" id="buscar" value="Busca un negocio o una oferta" /></p>

				<ul class="fondo-select selecciona-categoria">
					<li class="catselector-link" onclick="$('#CatSelector').slideToggle('fast');">Selecciona una categoría
						<ul id="CatSelector">
							<li><a title="Moda y Complementos" href="#">Comer y beber</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
						</ul>
					</li>
				</ul>

				<p class="fondo-select l" style="position: relative; left: -2px; z-index: 0;"><input type="text" id="location_selector_ciudad" value="Barcelona" /> <small><a id="location_selector_ciudad_cambiar" href="javascript:;">[cambiar]</a></small></p>
				<p class="boton secundario grande l"><input type="submit" value="buscar" /></p>
			</form>
		</div> <!-- cerrar buscar //-->

<!-- aqui empieza el div class="page -->

<div class="page">
		
<!-- columna de contenido lateral //-->
		<div class="c-320">

			<div class="caja c320 r20">
				<div class="content">
					<p style="text-align: center; width: 300px; position: relative; left: -10px;"><a title="puedes confiar en nosotros" href="trust.html"><img src="images/trust.jpg" alt="" /></a></p>
				</div> <!-- cerrar content //-->
				<div class="cierre"></div>
			</div> <!-- cerrar caja c320 r20 fff trusted //-->



		</div> <!-- cerrar columna de 320px de ancho //-->



<!-- columna de contenido principal //-->
		<div class="c-620">
		<form class="form-tooltip form-validator f620" action="validate.php" method="post">
	<!-- caja nombre anunciante fondo gris //-->
			<div class="caja c620 f1f1f1 unido-top">
				<div class="content" style="margin-top: -4px;">
					<h2 class="titulo-principal">Check out</h2>
					<p class="soft"><small><a href="#">[volver a la oferta]</a></small></p>
				</div>
				<div class="cierre"></div>
			</div> <!-- cerrar caja //-->

	<!-- caja oferta fondo blanco //-->
		<div class="caja c620 unido-bot">
			<div class="content">

				<p class="peque" style="margin-bottom: 20px;">Te hemos conectado a la tarjeta <a href="#" title="Gran Hotel Central">Gran Hotel Central</a>.</p>


				<h1 class="oferta">Spa, sauna y baño turco, piscina activa</h1>

				<div class="oferta-detalles checkout">
					<p class="corners w70px l"><img src="images/custo/ofertas/accesorios/fotos-oferta/gafas1.jpg" alt="" width="70px"/><span class="cornersfff"></span></p>
					<p class="peque soft">Descubre los poderes del Mar Muerto con este completo tratamiento de 75 min. que incluye peeling corporal con sales, aceite equilibrante. Descubre los poderes del Mar Muerto con este completo tratamiento de 75 min. que incluye peeling corporal con sales, aceite equilibrante.</p>
					<p class="peque soft">Descubre los poderes del Mar Muerto con este completo tratamiento de 75 min. que incluye peeling corporal con sales, aceite equilibrante.</p>

					<p class="peque" style="margin: 10px 0;">Esta oferta caduca el 31/12/2010</p>

					<div class="condiciones">
						<p class="peque soft"><strong>Condiciones</strong></p>
						<ul class="peque soft">
							<li>No acumulable a otras ofertas.</li>
							<li>Imprescindible comunicar previamente que tienes un Qpon Qporama para canjear esta oferta.</li>
							<li>Cita previa: 912812725.</li>
							<li>Cupón no canjeable por dinero.</li>
							<li>Cupón únicamente canjeable por la compra del producto ofertado.</li>
							<li>Oferta hasta fin de existencias.</li>
						</ul>
					</div> <!-- cerrar condiciones //-->

				</div> <!-- cerrar oferta-detalles //-->

					<div class="checkTable">
						<table class="hasCheckout">
							<tr class="micro">
								<th>VALOR REAL</th>
								<th>DESCUENTO</th>
								<th>AHORRO</th>
								<th>TOTAL</th>
							</tr>
							<tr class="countdown_amount">
								<td class="first">100 €</td>
								<td>20 €</td>
								<td>20 €</td>
								<td>80 €</td>
							</tr>
						</table>
					</div> <!-- cerrar discount //-->


				<div class="clear">&nbsp;</div>
			</div> <!-- cerrar content //-->
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->


	<!-- caja localizar establecimiento fondo blanco //-->
		<div id="localize-box" class="caja c620">
			<div class="content">
				<h2 class="titulo-principal light">Donde puedes disfrutar de esta oferta</h2>
				<p class="soft" style="margin: 10px 40px 0 0;">
					<span id="selected-listing">
						Gemma Rubís - Santa Engràcia, 73, 08016, Barcelona Gemma Rubís - Santa Engràcia, 73, 08016, Barcelona
					</span>
					<small><a href="#localize-box" onclick="$('#listadoContainer').slideToggle();$('.error').hide();LS.setup() ">[cambiar]</a></small>
				</p>
				<!-- google-map-widget //-->
				<div id="listadoContainer" class="oculto" >
					<input id="distance" value="15000" type="hidden" />
					<p><label for="address" class="xtrasoft">nombre/ barrio/ calle/ codigo postal:</label></p>
					<p class="fondo-input predictive" style="position: relative; left: -2px; z-index: 0;"><input id="address" value="" type="text" style="width: 240px;" /></p>
					<div id="listado"></div>
					<div id="moreBtn" name="moreBtn">ver más <span>&#8595;</span></div>
					<div class="contenedor-mapa">
						<div id="mapa"></div>
					</div>
				</div>

				<div class="clear">&nbsp;</div>
			</div> <!-- cerrar content //-->
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->


	<!-- caja facturacion //-->
		<div class="caja c620 f1f1f1">
			<div class="content datainput">
				<h2 class="titulo-principal light" style="margin-bottom: 20px;">Datos de facturación</h2>
				
				<p><label for="billing-name">Nombre</label></p>
				<p class="fondo-input"><input type="text" value="" id="billing-name" required="required" name="billing-name" rel="tooltip" title="Escribe el nombre de la factura" tabindex="1" /></p>
				<p><label for="billing-surname">Apellidos</label></p>
				<p class="fondo-input"><input type="text" value="" id="billing-surname" required="required" name="billing-surname" rel="tooltip" title="Escribe los apellidos de la factura" tabindex="2" /></p>
				<p><label for="billing-address">Dirección</label></p>
				<p class="fondo-input"><input type="text" value="" id="billing-address" required="required" name="billing-address" rel="tooltip" title="Escribe la dirección de la factura" tabindex="3" /></p>
				<p><label for="billing-po_code">Código postal</label></p>
				<p class="fondo-input num"><input type="text" value="" id="billing-po_code" required="required" name="billing-po_code" rel="tooltip" title="Escribe el código postal de la factura" tabindex="4" /></p>
				<p><label for="billing-city">Ciudad</label></p>
				<p class="fondo-input"><input type="text" value="" id="billing-city" required="required" name="billing-city" rel="tooltip" title="Escribe la ciudad de la factura" tabindex="5" /></p>
				<p><label for="billing-country">País</label></p>
				<p class="fondo-input select1">
					<select id="billing-country" required="required" name="billing-country" rel="tooltip" title="Selecciona el país de la factura" tabindex="6">
						<option value="">Selecciona un país</option>
						<option value="231">Afganistán</option>
						<option value="230">Albania</option>
						<option value="1">Alemania</option>
						<option value="40">Andorra</option>
						<option value="41">Angola</option>
					</select>
				</p>
				<p><label for="billing-card_type">Tarjeta <img src="css/css_images/tarjetitas.png" alt="pago seguro con tarjeta de crédito" style="position: relative; top: 2px; left: 3px;" /></label></p>
				<p class="fondo-input select1">
						<select id="billing-card_type" required="required" name="billing-card_type" rel="tooltip" title="Selecciona el tipo de tarjeta que vas a utilizar" tabindex="7">
						<option value="">Selecciona un tipo de tarjeta</option>
						<option value="1">Visa Crédito</option>
						<option value="2">Visa Débito</option>
						<option value="3">Crédito</option>
					</select>
				</p>
				<p><label for="billing-card">Número de la tarjeta</label></p>
				<p class="fondo-input"><input type="text" value="" id="billing-card" required="required" name="billing-card" rel="tooltip" title="Escribe el número de la tarjeta" tabindex="8" /></p>
				<p><label for="billing-cad_month">Caduca</label></p>

				<p class="fondo-input">
					<select id="billing-cad_month" required="required" name="billing-cad_month" rel="tooltip" title="Selecciona el mes de caducidad de la tarjeta que vas a utilizar" tabindex="9">
						<option value="">mes</option>
						<option value="01">01</option>
						<option value="02">02</option>
			  	 	<option value="03">03</option>
					</select>
					<select  id="billing-cad_year" required="required" name="billing-cad_year" rel="tooltip" title="Selecciona el año de caducidad de la tarjeta que vas a utilizar" tabindex="10">
						<option value="">año</option>
						<option value="2010">2010</option>
						<option value="2011">2011</option>
			  	 	<option value="2012">2012</option>
					</select>
				</p>
				<p><label for="billing-ccvv">CCVV <small><a href="#">[¿qué es?]</a></small></label></p>
				<p class="fondo-input num"><input type="text" value="" id="billing-ccvv" required="required" name="billing-ccvv" rel="tooltip" title="Escribe el número de seguridad de la tarjeta" tabindex="11"/></p>
				<div class="clear">&nbsp;</div>
			</div> <!-- cerrar content //-->
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		<!-- caja encuesta Marca //-->
		<div class="caja c620 f1f1f1">
			<div class="content datainput">
				<p style="margin: 10px 0;">Para conseguir esta oferta únete a [MARCA], rellenando estos datos:</p>
					<p class="check"><label for="survey-accept"><input type="checkbox" id="survey-accept" required="required" title="He leido y acepto las condiciones de la oferta" /> He leido y acepto las <a href="#">condiciones de la oferta</a></label></p>
					<p><label for="survey-name">Nombre</label></p>
					<p class="fondo-input"><input type="text" value="" id="survey-name" required="required" name="survey-name" rel="tooltip" title="Escribe el nombre" tabindex="13" /></p>
					<p><label for="survey-surname">Apellidos</label></p>
					<p class="fondo-input"><input type="text" value="" id="survey-surname" required="required" name="survey-surname" rel="tooltip" title="Escribe los apellidos" tabindex="14" /></p>
					<p><label for="survey-email">E-mail</label></p>
					<p class="fondo-input"><input type="email" value="" id="survey-email" required="required" name="survey-email" rel="tooltip" title="Escribe el e-mail" tabindex="15" /></p>
				<div class="clear">&nbsp;</div>
			</div> <!-- cerrar content //-->
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		<!-- caja he leido y acepto //-->
		<div class="caja c620 unido-top">
			<div class="content">
				<p class="check" style="margin-bottom: 0;"><label for="order_item-is_gift"><input type="checkbox" id="order_item-is_gift" tabindex="16" onclick="CheckRegala();" /> Quiero regalar esta oferta</label></p>
				<div class="clear">&nbsp;</div>
			</div> <!-- cerrar content //-->
			<div class="cierre"></div>
			<p id="LazoPq" class="adorno" style="z-index: 1000; overflow: hidden; position: absolute; right: 7px; top: -1px; width: 120px; height: 75px; margin: 0 0 0 0; padding: 0 0 0 0;"><img src="css/css_images/regala-adorno-pq.png" alt="" /></p>
			<p id="LazoGr" class="adorno" style="z-index: 900; overflow: hidden; position: absolute; right: 7px; top: -1px; width: 120px; height: 130px; margin: 0 0 0 0; padding: 0 0 0 0;"><img src="css/css_images/regala-adorno-gr.png" alt="" /></p>
		</div> <!-- cerrar caja //-->

		<!-- caja regala esta oferta //-->
		<div class="caja c620 f1f1f1 unido-bot" id="CamposRegalar">
			<div class="content datainput">
					<p style="margin-top: 10px;"><label for="order_item-gift_name">Nombre del destinatario</label></p>
					<p class="fondo-input"><input type="text" value="" id="order_item-gift_name" name="order_item-gift_name" rel="tooltip" title="Escribe el nombre del destinatario" tabindex="17"/></p>
					<p><label for="order_item-gift_surname">Apellidos del destinatario</label></p>
					<p class="fondo-input"><input type="text" value="" id="order_item-gift_surname" name="order_item-gift_surname" rel="tooltip" title="Escribe los apellidos del destinatario" tabindex="18"/></p>
					<p><label for="order_item-gift_email">E-mail del destinatario</label></p>
					<p class="fondo-input"><input type="email" value="" id="order_item-gift_email" name="order_item-gift_email" rel="tooltip" title="Escribe el e-mail del destinatario " tabindex="19"/></p>
					<p><label for="order_item-gift_message">Escribe un mensaje personalizado</label></p>
					<p class="fondo-input txtarea"><textarea id="order_item-gift_message" name="order_item-gift_message" rel="tooltip" title="Escribe el comentario que le quieres hacer llegar junto con el regalo" tabindex="20" cols="35" rows="2"></textarea></p>
				<div class="clear">&nbsp;</div>
			</div> <!-- cerrar content //-->
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->
		
		<!-- caja he leido y acepto //-->
		<div class="caja c620" >
			<div class="content">
				<p class="check"><label for="order-accept"><input type="checkbox" id="order-accept" required="required" tabindex="21" /> He leído y acepto las <a href="#">condiciones de la oferta</a> y los terminos de servicio y las <a href="#">condiciones generales</a> de Qporama</label></p>

				<!-- p><input type="image" src="css/css_images/bot-pagar-es.png" alt="compra ya" /></p //-->

				<p style="clear: both; margin: 10px 0;" class="boton primario grande"><input type="submit" value="pagar e imprimir mi coupon" /></p>


				<div class="clear">&nbsp;</div>
			</div> <!-- cerrar content //-->
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

			<div class="clear">&nbsp;</div>
		</form>
		</div> <!-- cerrar columna de 620px de ancho //-->

		<div class="entera"></div> <!-- cerrar columna de 100% de ancho //-->

	</div><!-- cerrar page //-->

<div id="gototop"><p><a href="#top">volver arriba</a></p> </div>
</body>
</html>